<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8"/>
    <title>最家</title>
    <link rel="stylesheet" type="text/css" href="css/public.css"/>
    <link rel="stylesheet" type="text/css" href="css/myorder.css"/>
    <script src="X-admin/js/jquery.js"></script>
    <script src="js/public.js"></script>
</head>
<body>
<!------------------------------head------------------------------>
<div class="head" id="top">
</div>
<!------------------------------idea------------------------------>
<div class="address mt">
    <div class="wrapper clearfix">
        <a href="#" class="fl">首页</a>
        <span>/</span>
        <a href="mygxin.html">个人中心</a>
        <span>/</span>
        <a href="myorderq.html" class="on">我的订单</a>
    </div>
</div>

<!------------------------------Bott------------------------------>
<div class="Bott">
    <div class="wrapper clearfix">
        <div class="zuo fl">
            <h3>
                <a href="#"><img id="person-img" style="border-radius: 60%;height: 100px;width: 100px"/></a>
                <p class="clearfix"><span id="username">[羊羊羊]</span><span class="fr">您好！</span></p>
            </h3>
            <div>
                <h4>我的订单</h4>
                <ul>
                    <li><a href="myorderq.html">订单中心</a></li>
                </ul>
                <h4>个人中心</h4>
                <ul>
                    <li><a href="mygxin.html">我的评价</a></li>
                    <li><a href="collection.html">我的收藏</a></li>
                    <li><a href="message.html">系统消息</a></li>
                </ul>
                <h4>账户管理</h4>
                <ul>
                    <li><a href="mygrxx.html">个人信息</a></li>
                    <li><a href="remima.html">修改密码</a></li>
                </ul>
            </div>
        </div>
        <div class="you fl">
            <div class="my clearfix">
                <h2 class="fl">我的订单</h2>
                <a href="#" class="fl">请谨防钓鱼链接或诈骗电话，了解更多&gt;</a>
            </div>
            <div class="dlist clearfix">
                <ul class="fl clearfix" id="wa">
                    <li><a href="myorderq1.html">待支付</a></li>
                    <li><a href="myorderq2.html">使用中</a></li>
                    <li ><a href="myorderq.html">已完成</a></li>
                    <li class="on"><a href="myorderq3.html">已失效</a></li>

                </ul>
            </div>
            <div id="orderList">

            </div>
        </div>
    </div>
</div>
<!--返回顶部-->
<div class="gotop">
    <a href="cart.html">
        <dl>
            <dt><img src="img/gt1.png"/></dt>
            <dd>去购<br/>物车</dd>
        </dl>
    </a>
    <a href="#" class="dh">
        <dl>
            <dt><img src="img/gt2.png"/></dt>
            <dd>联系<br/>客服</dd>
        </dl>
    </a>
    <a href="mygxin.html">
        <dl>
            <dt><img src="img/gt3.png"/></dt>
            <dd>个人<br/>中心</dd>
        </dl>
    </a>
    <a href="#" class="toptop" style="display: none">
        <dl>
            <dt><img src="img/gt4.png"/></dt>
            <dd>返回<br/>顶部</dd>
        </dl>
    </a>
    <p>400-800-8200</p>
</div>
<!--footer-->
<div class="footer">
    <div class="top">
        <div class="wrapper">
            <div class="clearfix">
                <a href="#2" class="fl"><img src="img/foot1.png"/></a>
                <span class="fl">7天无理由退货</span>
            </div>
            <div class="clearfix">
                <a href="#2" class="fl"><img src="img/foot2.png"/></a>
                <span class="fl">15天免费换货</span>
            </div>
            <div class="clearfix">
                <a href="#2" class="fl"><img src="img/foot3.png"/></a>
                <span class="fl">满599包邮</span>
            </div>
            <div class="clearfix">
                <a href="#2" class="fl"><img src="img/foot4.png"/></a>
                <span class="fl">手机特色服务</span>
            </div>
        </div>
    </div>
    <p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br/>
        违法和不良信息举报电话：188-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
</div>
<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/user.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js"></script>
</body>
<script>
    var Address_Prefix = "http://localhost:9200/api-person";
    find();

    function find() {
        $.ajax({
            url: Address_Prefix + '/order/findInvalidationOrder',
            data: {userid: sessionStorage.getItem("userid")},
            dataType: 'json',
            type: 'post',
            success: function (data) {
                let total = data.data.length;
                console.log(total)
                data = data.data;
                let obj = $("#orderList");
                let innerHtml = "";
                console.log(data);
                let img;
                for (let i = 0; i < total; i++) {
                    innerHtml += "<div class=\"dkuang\">\n" +
                        "\t\t\t\t\t\t<p class=\"one\">" + data[i].stname + "</p>\n" +
                        "\t\t\t\t\t\t<div class=\"word clearfix\">\n" +
                        "\t\t\t\t\t\t\t<ul class=\"fl clearfix\">\n" +
                        "\t\t\t\t\t\t\t\t<li>" + data[i].crdate + "</li>\n" +
                        "\t\t\t\t\t\t\t\t<li>订单号:" + data[i].orcode + "</li>\n" +
                        "\t\t\t\t\t\t\t\t<li>在线支付</li>\n" +
                        "\t\t\t\t\t\t\t</ul>\n" +
                        "\t\t\t\t\t\t\t<p class=\"fr\">订单金额：<span>" + data[i].prices + "</span>元</p>\n" +
                        "\t\t\t\t\t\t</div>\n" +
                        "\t\t\t\t\t\t<div class=\"shohou clearfix\">\n" +
                        "\t\t\t\t\t\t\t<a href=\"#\" class=\"fl\"><img src=\"" + data[i].topimg + "\"/></a>\n" +
                        "\t\t\t\t\t\t\t<p class=\"fl\"><a href=\"#\"></a><a href=\"#\">¥" + data[i].unitpr + "*" + data[i].letime + "*" + data[i].reduce + "</a></p>\n" +
                        "\t\t\t\t\t\t\t<p class=\"fr\">\n" +
                        "\t\t\t\t\t\t\t</p>\n" +
                        "\t\t\t\t\t\t</div>\n" +
                        "\t\t\t\t\t</div>"

                }
                obj.html(innerHtml);
            }
        })
        return false;
    }
</script>
</html>
